<template>
	<Header></Header>
	<section class="about "  style="margin-top: 70px;">
		<div class="container py-lg-5 ">
			<div class="container-3vHcGHzAlg">
				<div class="job-details-1tJQsfTP_O">
					<div style="margin-bottom: 10px;">
						<div class="job-info-enKkhDdQ16">
			
							<span class="salary-Nqr3-Zi3SI" style="color: rgb(191, 140, 67);"></span>
							<h3 class="title-3mFAdSwrBb">{{data.name}}</h3>
							<div  style="margin-top:5px;">
							
								<span class="status-item-3yKfm9vxSj">{{data.deptName}}</span>
							</div>
							<div class="locations-152ek2VZ_z">
								<span class="location-3B8xgMqhZb">
									{{data.provinceName}}·{{data.cityName}}·{{data.address}}</span>
							</div>
						</div>
					</div>
					<div  style="margin-bottom: 10px;">
						<div>
							<div>
								<div class="title-D9fognYO9W">岗位职责<div class="hr-2zQMfBGSkt"></div>
								</div>
								<div style="margin-top:5px;">
			
									<div v-html="data.duty"></div>
								</div>
							</div>
						</div>
						<div>
							<div class="list-1qd4bYmD1a" style="margin-top: 20px;">
								<div class="title-D9fognYO9W">任职要求<div class="hr-2zQMfBGSkt"></div>
								</div>
								<div style="margin-top:5px;">
						
									<div v-html="data.requirement"></div>
								</div>
							</div>
						</div>
						<div>
							<div class="list-1qd4bYmD1a" style="margin-top: 20px;">
								<div class="title-D9fognYO9W">工作经验<div class="hr-2zQMfBGSkt"></div>
								</div>
								<div style="margin-top:5px;">
						
									<div v-html="data.experience"></div>
								</div>
							</div>
						</div>
						<div class="info-container-1uU_pJonEh" style="margin-top: 20px;">
							
							<div class="info-body-3BVqRMt3D- space-between-tLhf3rCGLW">
								
								<div class="info-row2-3hiL1Doekf">
									<div>
										<div class="row-name-3HJzI00x4n sd-foundation-body-tertiary-1X6wE">
											招聘人数</div>
										<div class="row-value-2F0Zo2aZog">
											<div class="">{{data.sum}}人</div>
										</div>
									</div>
								</div>
								
							</div>
						</div>
						<div class="info-container-1uU_pJonEh" style="margin-top: 20px;">
							
							<div class="info-body-3BVqRMt3D- space-between-tLhf3rCGLW">
								
								<div class="info-row2-3hiL1Doekf">
									<div>
										<div class="row-name-3HJzI00x4n sd-foundation-body-tertiary-1X6wE">
											备注</div>
										<div class="row-value-2F0Zo2aZog">
											<div class="">{{data.remarks}}</div>
										</div>
									</div>
								</div>
								
							</div>
						</div>
					</div>
			
				</div>
			</div>
		</div>
	</section>
<Footer></Footer>
</template>

<script>
	import api from "@/api/index"

	export default {
		data() {
			return {
				id: 0,
				typeId: 0,
				data: {},
				newList: []
			}
		},
		computed: {

		},

		mounted() {
			this.id = this.$route.query.id
			this.typeId = this.$route.query.typeId
			this.getDetail()
		},
		methods: {
			//获取数据
			async getDetail() {
				var url = '?id=' + this.id
				api.positionDetail(url).then(res => {
					this.data = res.data.data
					
				})
			},
		}
	}
</script>


<style>
	.job-block-wrapper-3DKhdqxcBc {
		margin: 0 -12px;
	}

	.job-block-2lsPa1KFlA {
		display: inline-block;
		overflow: hidden;
		margin: 12px;
		padding: 0 24px;
		width: 220px;
		height: 160px;
		background-color: #fff;
		text-align: center;
	}

	.home-title-color {
		color: #333;
	}

	.job-block-title-i8gL2Q9CP2 {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		margin-top: 36px;
		margin-bottom: 18px;
		font-size: 20px;
		line-height: 28px;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.btn-text-color {
		color: #fff;
	}

	.btn-bg-color {
		background-color: #0480fc;
	}

	.job-block-count-3pzAB3QH9x {
		font-size: 14px;
		line-height: 20px;
		padding: 5px 17px;
	}
</style>
